<div class="row">
  {% if route == 'home' %}
    <div class="col-lg-2 col-md-12 col-sm-12 col-xs-12 hidden-md hidden-sm hidden-xs swipper-home-left"></div>
  {% endif %}
  <div class="swipper-content col-lg-10 col-md-12 col-sm-12 col-xs-12">
    <div class="swiper-viewport swipper-home">
      <div id="slideshow{{ module }}" class="swiper-container">
        <div class="swiper-wrapper">
          {% for banner in banners %}
            <div class="swiper-slide text-center">{% if banner.link %}<a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" /></a>{% else %}<img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" />{% endif %}</div>
          {% endfor %}
        </div>
        <div class="swiper-pagination slideshow{{ module }}"></div>
        <div class="swiper-pager">
          <div class="swiper-button-next"><i class="iconfont">&#xe604;</i></div>
          <div class="swiper-button-prev"><i class="iconfont">&#xe605;</i></div>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript"><!--
$('#slideshow{{ module }}').swiper({
	mode: 'horizontal',
	slidesPerView: 1,
	pagination: '.slideshow{{ module }}',
	paginationClickable: true,
	nextButton: '.swiper-button-next',
  prevButton: '.swiper-button-prev',
  spaceBetween: 30,
  autoplay: 2500,
  autoplayDisableOnInteraction: true,
	loop: true
});
--></script>